<template>

    <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
        <el-breadcrumb-item>
            <a href="/">基础数据</a>
        </el-breadcrumb-item>
        <el-breadcrumb-item>网格人员管理</el-breadcrumb-item>
    </el-breadcrumb>

    <div style="border: 1px solid black; margin: 10px 10px; padding: 15px;">
        <el-form :inline="true" :model="searchForm" class="demo-form-inline">
            <el-form-item label="部门名称">
                <el-input v-model="searchForm.departmentName" placeholder="请输入部门名称" clearable />
            </el-form-item>

            <el-form-item label="姓名">
                <el-input v-model="searchForm.realName" placeholder="请输入姓名" clearable />
            </el-form-item>
            <br>
            <el-form-item>
                <el-button type="primary" @click="onSubmit">查询</el-button>
            </el-form-item>
        </el-form>

    </div>


</template>

<script lang="ts" setup>

import { reactive, ref } from 'vue';

const searchForm = reactive({
    realName: '',
    departmentName: ''
})
</script>